<html> 
<head> 
<title>TamTamy Chrome Extension</title>
<style>
body {
  min-width:440px;
  overflow-x:hidden;
  font: 13px "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #666;
}
a {
  color: #4B93BC;
  text-decoration: none;
}
a:visited, a:hover {
  color: #347194;
}
a:hover {
  text-decoration: underline;
}
div#footer {
  margin: 0;
  padding: 0;
  background-color: #DDD;
  color: #444;
}
</style>
<script type="text/javascript">
// Saves options to localStorage.
function saveOptions() {
	var ttUrl = document.getElementById("ttUrl");
	localStorage["ttUrl"] = ttUrl.value;
	localStorage["TT_LAST_READ_NOTICE_ID"]=0;
	// Update status to let user know options were saved.
	var status = document.getElementById("status");
	status.innerHTML = "Options saved";
	setTimeout(function() { status.innerHTML = "&nbsp;"; }, 1500);
    // Options have changed, so refresh status data immediately
    chrome.extension.getBackgroundPage().loadLastNotice();
}
// Restores select box state to saved value from localStorage.
function restoreOptions() {
	var ttUrl = document.getElementById("ttUrl");
	if(!localStorage["ttUrl"]) {
		localStorage["ttUrl"] = "https://tamtamy.reply.eu";
	}
	ttUrl.value = localStorage["ttUrl"];
}
</script>
</head>
<body id='settingsBody' onload="restoreOptions()">
<label for="ttUrl">TamTamy URL:</label> <input id="ttUrl" name="ttUrl" type="text" size="40" />
<button onclick="saveOptions()">Save</button>
<p id='status'>&nbsp;</p>
<div id="footer"><a href="http://www.tamtamy.com" target="_blank"><strong>TamTamy</strong></a><br />Since 2007, helping businesses design and develop tools and practices of Social Media.</div>
</body>
</html>